@import "~taro-ui/dist/style/components/tag.scss";

.page {
  .flex-grid-layout {
    .home-grid-item {
      padding: 12px 0px;
      width: calc(100% / 4);

      .grid-icon {
        width: 47px;
        height: 47px;
      }

      .grid-icon.disabled {
        filter: grayscale(100%);
      }

      .grid-text {
        font-size: 14px;
        margin-top: 5px;
      }
    }
  }

  .divider-line {
    height: 12px;
    background: #F2F2F2;
  }

  .student-manage-layout {
    padding-top: 18px;
    padding-bottom: 24px;

    .student-manage-title {
      margin: 0px 12px;
      margin-bottom: 12px;

      .title {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
      }

      .detail {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #999999;
      }
    }

    .manage-item {
      flex: 1;
      height: 61px;
      border-right: 1px solid #42B4AB;

      .num {
        font-size: 17px;
        color: #42B4AB;
      }

      .title {
        font-size: 14px;
        color: #333333;
        margin-top: 12px;
      }
    }

    .manage-item.no-border {
      border-right: none;
    }
  }

  .todo-layout {
    padding-top: 18px;

    .todo-title {
      margin: 0px 12px;
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 500;
      color: #333333;
    }

    .todo-item {
      margin: 0px 12px;
      margin-bottom: 16px;

      .todo-text {
        margin-left: 5px;
        font-size: 14px;
        color: #333333;
      }
    }
  }
}
